.addModal {
  :global {
    .ant-modal-body {
      padding: 0;
    }
  }

  .warningIcon {
    margin-top: 10px;
    color: #a01b1b;
    font-size: 14px;

    .icon {
      margin-right: 5px;
      color: #a01b1b;
      font-size: 12px;
    }
  }

  .addContent {
    display: flex;
    flex: 1 1;
    width: 100%;
    height: 100%;

    .addLeft {
      display: flex;
      flex-direction: column;
      width: 75%;
      height: 100%;
      padding: 14px 20px 24px;
      border-right: 1px solid #4e5154;

      .rightHead {
        display: flex;
        justify-content: space-between;
        width: 100%;
      }
    }

    .addRight {
      width: 25%;
      height: 100%;
    }

    .addTotal {
      .totalLine {
        display: flex;
        box-sizing: border-box;
        height: 30px;
        font-size: 12px;
        line-height: 30px;
        border-bottom: 1px solid #4f4f4f;

        :nth-child(1) {
          width: 233px;
        }

        :nth-child(2) {
          width: 90px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }

        :nth-child(3) {
          width: 80px;
          margin-left: 60px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
      }
    }

    .addFoot {
      display: flex;
      justify-content: space-between;
      margin-top: 20px;

      a {
        color: #1e7ce8;
        font-size: 14px;
      }
    }
  }
}

.modal {
  .kContent {
    display: flex;
    flex-wrap: wrap;

    .kBox {
      flex-shrink: 1;
      width: 6.25%;
      overflow: hidden;
      border-radius: 0 5px 0 0;

      .kHead {
        display: flex;
        height: 34px;
        color: rgb(255, 255, 255);
        font-weight: 500;
        font-size: 12px;
        line-height: 34px;
        background: rgb(39, 39, 39);
      }

      .kInp {
        .kInput {
          width: 100%;
          border: none;

          input {
            padding: 0;
            border: none;
          }
        }
      }
    }
  }

  :global {
    .ant-modal-header,
    .ant-modal-content,
    .ant-modal-footer {
      background-color: #1f1f1f !important;
    }

    .ant-modal-header,
    .ant-modal-footer {
      padding: 16px 24px !important;
      border: none !important;
    }
  }
}

.table {
  :global {
    th,
    td {
      height: 28px !important;
      padding: 0 !important;
      padding-left: 10px !important;
    }

    th {
      background: #272727 !important;
    }

    tr:hover td {
      background: #303030 !important;
    }

    .ant-select-selector {
      height: 28px !important;
      padding: 0 !important;
    }

    .ant-select-selection-item {
      line-height: 26px !important;
    }

    .ant-select-clear {
      background: transparent !important;
    }
  }
}

.ept {
  color: rgba(255, 255, 255, 0.3);
}
